import Vue from "vue";
import App from "./App.vue";
import router from "./router";
// import "./plugins/element.js";
import "./assets/css/global.css";
import "./assets/fonts/iconfont.css";
import axios from "axios";
import TreeTable from "vue-table-with-tree-grid";
// 导入富文本编辑器
import VueQuillEditor from 'vue-quill-editor'
// require styles 导入富文本编辑器对应的样式
// import 'quill/dist/quill.core.css'
// import 'quill/dist/quill.snow.css'
// import 'quill/dist/quill.bubble.css'
//导入进度条插件
import NProgress from "nprogress";
//导入进度条样式
// import "nprogress/nprogress.css";
// 设置请求的根路径
axios.defaults.baseURL = "http://192.168.11.30:8888/api/private/v1/";
//请求在到达服务器之前，先会调用use中的这个回调函数来添加请求头信息
axios.interceptors.request.use(config => {
   //当进入request拦截器，表示发送了请求，我们就开启进度条
  NProgress.start();
  //为请求头对象，添加token验证的Authorization字段
  config.headers.Authorization = window.sessionStorage.getItem("token");
  return config;
});
axios.interceptors.response.use(config => {
   //当进入response拦截器，表示请求已经结束，我们就结束进度条
  NProgress.done()
  return config;
});
// 挂载axios
Vue.prototype.$http = axios;
Vue.config.productionTip = false;
Vue.component("tree-table", TreeTable);
// 将富文本编辑器，注册为全局可用的组件
Vue.use(VueQuillEditor)
Vue.filter("dateFormat", function(originVal) {
  const dt = new Date(originVal);

  const y = dt.getFullYear();
  const m = (dt.getMonth() + 1 + "").padStart(2, "0");
  const d = (dt.getDate() + "").padStart(2, "0");

  const hh = (dt.getHours() + "").padStart(2, "0");
  const mm = (dt.getMinutes() + "").padStart(2, "0");
  const ss = (dt.getSeconds() + "").padStart(2, "0");

  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`;
});
new Vue({
  router,
  render: h => h(App)
}).$mount("#app");
